<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图床——同乡会</title>
    <style>
        .images-list{
            display: flex;
            flex-wrap: wrap;
            /*align-items: center;*/
            justify-content: center;
        }
        img{
            width:400px;
            padding: 10px;
            margin: 10px;
            background-color: #ddd;
        }
        h4{
            text-align: center;
        }
    </style>
</head>
<body>
<h1 style="text-align: center;">佛大新生小助手图库——同乡会</h1>
<div id="images" class="images-list">

</div>
<script>
    let imagesList=['tongxianghui\\anhui20200830134348.png', 'tongxianghui\\chaozhou1.png', 'tongxianghui\\cycn.jpg', 'tongxianghui\\huilaiqun1.jpg', 'tongxianghui\\huizhou.jpg', 'tongxianghui\\hz.jpg', 'tongxianghui\\jiangmen.jpg', 'tongxianghui\\jiangxi.jpg', 'tongxianghui\\jy.jpg', 'tongxianghui\\leizhou.jpg', 'tongxianghui\\mmmn.jpg', 'tongxianghui\\mx.jpg', 'tongxianghui\\stxx.png', 'tongxianghui\\sxxx.jpg', 'tongxianghui\\yj.jpg', 'tongxianghui\\zj.jpg', 'tongxianghui\\xiangzhang\\.keep', 'tongxianghui\\xiangzhang\\meizhouxingning-jw.png', 'tongxianghui\\xiangzhang\\zhansui-jiangwan.jpg'];
    for(let i=0;i<imagesList.length;i++) {
        document.getElementById("images").insertAdjacentHTML('beforeend', '<div><h4>'+(i+1)+'、'+imagesList[i]+'</h4><img src="'+imagesList[i]+'"></div>');
    }
</script>
</body>
</html>
